/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{
    
}
/* Laptop */
@media (max-width: 1800px)
{
    .avail_flx{flex-wrap: wrap;}
}
@media (max-width: 1601px){
    .subscrib-plan-tab .price-plan svg{width: 100px;}

}
@media (max-width: 1500px){
    .subscrib-plan-tab .price-plan svg{width: 90px;}
}
@media (max-width: 1400px){
    .subscrib-plan-tab .price-plan svg{width: 70px;}
}
@media (max-width: 1300px){
    .subscrib-plan-tab .price-plan svg{width: 50px;}
}
@media (max-width: 1200px){
    .subscrib-plan-tab .price-plan svg{display: none;}
}
/* Laptop */
@media (max-width: 1440px)
{
    .subscribe-area{width: 90%;}
    .proprty-dtls-lft{padding-right: 25px;}
    .ownr-img img{width: 50px; height: 50px; min-width: 50px;}
    .owner-intro h4{font-size: 20px;}
    /* block user */
    .form-flex{flex-wrap: wrap;}
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
    #sidebar-wrapper {transform: translateX(-390px);transition: transform 0.3s ease-in-out; height: 100vh;}
    .sidenav-toggled #sidebar-wrapper {transform: translateX(0);margin: 0;box-shadow: 0px 0px 14px 0px #ff990063; transition: transform 0.3s ease-in-out;}
    .sidebar-wrapper-border{border-radius:0;}
    .sidebar-wrapper-border{height: 100vh;}
    #page-content-wrapper{margin-left: 0;}
    body.sidenav-toggled, #wrapper.sidenav-toggled, .sidenav-toggled #page-content-wrapper{overflow: hidden;}
    #wrapper{padding: 15px 15px 30px;}
    .side-arrow-btn, .mob-logout-btn, .close-arrow-btn{display: flex;}
    .admin-brand{padding: 25px 0;}
    .sidebar-menu{padding: 15px 15px 30px;}
    .sidenav-toggled #sidebar-wrapper, .sidebar-wrapper-body{border-radius: 0 20px 20px 0; height: 100dvh;}
    .sidebar-menu ul li a{font-size: 15px; padding: 12px 15px;}
    .sidebar-menu ul li{margin-bottom: 15px;}
    .prties_lft{grid-gap: 10px;}
     /* with logout button */
    .sidebar-menu ul{height: 100%; overflow-y: auto; margin-bottom: 200px;}
    /* admin header */
    .admin-nav{gap: 15px; padding: 12px 15px;}
    .admin-nav h2, .dtls-title-top h1,  .prties_bx h6, .title_flx h5,.plan-top-area h3{font-size: 28px;}
    .admin-nav{padding: 15px;}
    .admin-rgt .form-group .form-control{padding: 12px 12px 12px 40px;}
    .admin-rgt .form-group span{margin: 12px 12px;}
    .admin-rgt button, .admin-rgt > a{width: 50px; height: 50px; min-width: 50px;}
    .prties_icon{width: 70px; height: 70px; min-width: 70px;}
    .prties_brdr{width: 60px; height: 60px; min-width: 60px;}
   /* Subscription */
    .subscribe-area{width: 90%; padding: 0 0 36px;}
    .subscribe-box{padding: 12px;}
    .subscribe-area h1{font-size: 30px; margin-bottom: 15px;}
    .plan-dtls-list li{padding-bottom: 10px; margin-bottom: 10px;}
    .setup-subscribe-blog .row{width: 100%;}
    /* inqury sidebar */
    .sidenav-toggled .inqury-area{margin-right: 0;}
    .side-inqry-bx, .replied-bx{ height: 100dvh;margin: 0;border-radius: 20px 0 0 20px;}
    .inqr-chat-area{height: 58vh;}
    .inqry-proprty{padding: 15px; gap: 15px;}
    .black-bx, .dtls-bx, .property-show-area{padding: 15px;}
    /* 04-09-2025 */
    .proprty-dtls-lft{padding-right: 0;}
    .owner-chat{width: 35px; min-width: 35px; height: 35px;}
    /* block user */
    .block-user-bx .block-btn{padding: 8px 20px;}
    .block-user-bx{padding: 12px;}
}
@media (max-width: 1100px){
     /* Admin Gallery   */
     .media-upload-container, .media-gallery{grid-template-columns: repeat(3, 1fr);gap: 15px;}
     .media-preview-card, .media-upload-label, .upload-tile{min-width: 100%;height: auto;}

}
@media all and (min-width: 1201px) and (max-width: 1301px)
{
    .inquiry-botm{flex-flow: column; align-items: flex-start;}
  
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{

    /* dashboard */
    .noti_bx{margin: 20px 0;}
    .noti_head, .noti_btm, .msg_btm{padding: 12px;}
    .noti_head h3{font-size: 20px;}
    .noti_bx ul li p{font-size: 14px;}
    .list_txt h3,  .noti_btm a, .noti_head {font-size: 15px;}
    .prties_icon{width: 55px; min-width: 55px; height: 55px;}
    .prties_brdr, .admin-rgt button, .admin-rgt > a, .add-proprty-fld{width: 45px; min-width: 45px; height: 45px;}
    .prties_brdr svg{width: 23px; height: 24px;}
    .title_flx h5, .subscribe-area h1, .proprty-title h2{font-size: 24px;}
    .sidebar-menu ul li a{gap: 10px;}
    .admin-nav{padding: 12px 15px;}
    .prop_txt .flx_grp{margin-bottom: 2px;}
    .prop_txt h5, .featurs-tag p{font-size: 18px;}
    .prop_bx{padding: 12px;border-radius: 12px;} 
    .admin-rgt .form-group .form-control{padding: 10px 12px 10px 40px;}
    .address, .feature_list li,.inquiry-dtls p, .profl-menu-side ul li a, .for-crnt-loction, .modal-btn-grps button{font-size: 15px;}
    .price_flx h4, .proper_lft span, .skip-pg{font-size: 16px;}
    .prop_txt h5{font-size: 18px; margin-bottom: 6px}
    .sidebar-menu ul li a{padding: 10px 15px;}
    /* my property */
    .proprty-title{margin-bottom: 20px;}
    .profl-pills .nav-link{padding: 10px 36px;}
    .profl-side-bx{padding: 20px;}
    /* add property */
    .proper_lft h5{font-size: 24px;}
    .proper_lft, .ovrvw-bx, .feature_bx, .subscribe-box{margin-bottom: 15px;}
    .proprty-right{display: none;}
    .featurs-tag p strong{font-size: 22px;}
    .featurs-tag span{width: 50px; min-width: 50px; height: 50px;}
    .ovrvw-bx h3{font-size: 22px;margin-bottom: 10px;}
    .upload-box,.profl-menu-side{padding: 15px;}
    .feature_list{margin-bottom: 0;}
    .wd-tags, .features-flx{margin-bottom: 20px;}
    .proprty-dtls-area{padding: 20px 0 0;}
    .proprty-dtls-lft{padding-right: 0;}
    .rent-price p{font-size: 32px;}
    .owner-intro h4{font-size: 20px;}
    .property-show-area .pe-0{padding-right: 12px !important;}
    .shows-all{margin: 0 30px 30px 0;}
    .rent-price h4{margin-bottom: 0;}
    /* subscription */
    .subscribe-box{height: auto;}
    .curnt-plan, .subscribe-btn{font-size: 16px; padding: 12px;}
    .exp-date{font-size: 16px;}
    .price-plan span{font-size: 24px; width: 65px; height: 65px; min-width: 65px;}
    .plan-top-area h3{font-size: 26px;}
    /* help support */
    .help-title p{font-size: 18px; margin-bottom: 20px;}
    .help-bx{padding: 12px 15px; margin-bottom: 15px;}
    .support-blog{padding: 0 0 50px;}
    /* privacy policy */
    .policy-blog p{font-size: 15px; margin-bottom: 12px;}
    /* profile */
    .profl-side-dtls h1{font-size: 24px; margin: 15px 0;}
    .profl-side-dtls .option-txt{margin: 0 auto 12px;}
    .notify-area{padding: 20px; margin-bottom: 20px;}
    /* modal */
    .profile-modal .modal-body h5{font-size: 24px; margin-bottom: 30px;}
    /* setup profile */
    .setup-header{padding: 12px 0;}
    #setupProfile main{padding: 80px 0 0;}
    .setup-profile-blog{padding: 36px 0;}
    .form-wizard-header li span, .setup-right .language button{width: 45px; min-width: 45px; height: 45px; font-size: 20px;}
    .form-wizard-header ul:before{margin: 25px auto 0;}
    .form-field-title{margin: 0 auto 30px;}
    .or-option{margin: 15px auto;}
    .form-wizard-header ul li{max-width: 80px;}
    .form-field-title h1{font-size: 30px;}
    .form-field-title p{font-size: 16px;}
    /* responsive view */
    .mob-view{display: block;}
    .desk-view{display: none !important;}
    .wd-mb-55{margin-bottom: 30px;}
    /* subscription plan   */
    .setup-subscribe-blog{padding: 36px 0;}
    .setup-subscribe-blog h1{font-size: 30px; margin-bottom: 15px;}
    /* dashboard */
    .subscrib-plan-tab{align-items: center;}
    .subscrib-plan-tab .price-plan svg{display: block; width: 147px;}
    /* 02-09-2025 */
    .wd-feature-fvrt{margin-bottom: 24px;}
    .profl-side-bx, .notify-area{padding: 15px;}
    .comn-modal .modal-header{padding: 20px;}
    .comn-modal .modal-body{padding: 0 20px 20px;}
    .facility-group label{padding: 8px 16px;}
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{   
    /* admin header */
    .profile-btn h4{display: none;}
    .profile-btn{padding: 0; width: 50px; min-width: 50px; height: 50px; display: flex;
    align-items: center; justify-content: center; border-radius: 50%;}
    .admin-rgt{gap: 10px;}
    /* dashboard */
    .proprty-grid{grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}
    .noti_head h3{font-size: 18px;}
    /* subscription plan */
    .price-plan span{margin: -28px 0 0;}
    .subscribe-area{padding: 0;}
    .features-flx{gap: 20px;}
    /*  setup profile  */
    .form-wizard .form-wizard-header{width: 90%;}
    .form-field-title h1{font-size: 26px;}


}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
    .admin-nav{margin-bottom: 20px;}
    .sidebar-wrapper-body{min-width: 300px;}
    /* dashboard */
    .prties_flx{flex-flow: column;}
    .admin-rgt button, .admin-rgt > a, .setup-right .language button{width: 35px; height: 35px; min-width: 35px;}
    .admin-nav h2, .dtls-title-top h1, .proprty-title h2, .profl-side-dtls h1, .subscribe-area h1, .setup-subscribe-blog h1{font-size: 22px;}
    .title_flx h5{font-size: 20px;}
    /* My property */
    .proprty-title{flex-flow: column; gap: 15px;}
    .proper_lft h5, .ovrvw-bx h3{font-size: 20px;}
    .side-inqry-bx{min-width: 305px; width: 305px;}
    /* mob-search */
    .desk-search{display: none;}
    .mob-search-btn{display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;min-width: 35px;background: #F5F5F5;border: 1px solid #DDDDDD;border-radius: 50%;}
    .mob-search-btn svg{width: 17px; height: 17px;}
    .mob-search-area {position: absolute;top: 64px;left: 0;right: 0; background: #000000;z-index: 1111;width: 100%;padding: 25px;margin: 0 auto;border-radius: 20px;}
    .mob-search-area form {margin: 0 auto;text-align: center;}
    .mob-search-area .form-group {margin-bottom: 12px;width: 100%;}
    .mob-search-area .form-control {background: #F5F5F5;border: 1px solid #DDDDDD; border-radius: 17px;font-family: "Myriad Pro Regular";font-size: 15px;vertical-align: middle;width: 100%;padding: 13px 15px;}
    .srch_btn { padding: 8px 20px;display: inline-block;font-size: 15px;border-radius: 8px;}
    .profile-modal .modal-body h5{font-size: 21px;}

}



@media (max-width: 500px)
{
    .features-flx{flex-flow: column; gap: 10px; align-items: flex-start;}
    .price-plan svg{width: 50px;}
}
@media (max-width: 475px){
     .price-plan svg, .subscrib-plan-tab .price-plan svg{display: none;}
}
@media (max-height: 820px)
{
    .inqr-chat-area{height: auto;}
    .inqr-chat-area .form-control{height: 200px;}
    .sidebar-menu ul li{margin-bottom: 15px;}
    .sidebar-menu ul li a{padding: 12px 15px;}
    .sidebar-menu ul {height: 100%; overflow-y: auto; margin-bottom: 150px;}
    
}

@media (max-height: 600px)
{
    .inqr-chat-area .form-control{height: 100px;}
    
}

@media screen and (max-width: 1200px), screen and (max-height: 800px) {
  .sidebar-menu ul {margin-bottom: 200px;}
}